<script setup lang="ts">

defineOptions({
  name: 'VipTableTool',
})

</script>

<template>
  <el-row class="vip-table-tool" :gutter="0">
    <slot />
  </el-row>
</template>

<style scoped lang="scss">

@mixin panel {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  justify-content: flex-start;
  //min-height: var(-el-input-height);
  //margin: 0 0 calc(var(--el-margin) / 2) 0;
  margin: 0 0 var(--el-margin) 0;


  //.el-form-item__content {
  //  display: flex;
  //  align-items: center;
  //}
  //
  //> .el-button {
  //  margin: 0 10px calc(var(--el-margin) / 2) 0 !important;
  //}
}

.vip-table-tool {
  :deep() {

    .left-panel {
      @include panel;
    }

    .right-panel {
      @include panel;
      justify-content: flex-end;
    }

    .el-form-item {
      margin: 0 0 0 var(--el-margin) !important;
    }

  }

}

</style>
